<!DOCTYPE html>
<html class="w100 h100">
<head>
    <meta charset="UTF-8" />
    <title>巡逻任务详情</title>
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../static/common/css/public.min.css?v=1.0" />
    <link rel="stylesheet" href="../static/common/css/style.min.css?v=1.0" />
</head>
<body class="w100 h100">
    <div class="main-wrap xunluo-map-wrap w100 h100">
        <div class="container w100 h100">
            <div class="xunluo-info-wrap pos-a z999">
                <div class="info-item">
                    <span class="info-title">任务完成度:</span>
                    <span class="info-value" id="completed"></span>
                </div>
                <div class="info-item">
                    <span class="info-title">已经过点数：</span>
                    <span class="info-value" id="is-passed-count"></span>
                </div>
                <div class="info-item">
                    <span class="info-title">巡逻偏移点数：</span>
                    <span class="info-value" id="deviation-count"></span>
                </div>
                <div class="info-item">
                    <span class="info-title">巡逻点坐标数:</span>
                    <span class="info-value" id="position-count"></span>
                </div>
                <div class="info-item">
                    <span class="info-title">路线规定圆个数:</span>
                    <span class="info-value" id="circle-count"></span>
                </div>
                <div class="info-item">
                    <span class="info-title">巡逻点在路线圆内的个数:</span>
                    <span class="info-value" id="inner-count"></span>
                </div>
            </div>
            <div class="pos-a btn-wrap z999">
                <div class="btn-item flex ccc cur-p" id="xl-btn-item" onclick="onPressXLBtn()">模拟巡逻</div>
            </div>
            <div class="map-wrap w100 h100" id="map-wrap"></div>
        </div>
    </div>
    <script src="https://api.map.baidu.com/api?v=2.0&ak=ynxEhd48jd3yi6VwQF9B9MdL"></script>
    <script src="https://api.map.baidu.com/library/GeoUtils/1.2/src/GeoUtils_min.js"></script>
    <script src="../static/common/js/xl.data.js?v=1.0"></script>
    <script src="../static/common/js/xl.min.js?v=1.0"></script>
</body>
</html>